<html>
	<head>
		<title>{% block title %} Bayanihan Maps{% endblock %}</title>
		<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/base.css" />
		{% block css %}
		{% endblock %}
		
		{% block js %} 
		{% endblock %}
	</head>
	
	<body>	
		<div id="wrapper">
			<div id="header">
				{% block header %}
					<div class="bayanihan">
						<h1>Bayanihan</h1>
						<span>a General-Purpose Event Reporting and Data Gathering Service</span>
					</div>
                    {% block icons %}    
                        {% if username %}
                            <div class="icons">
                                <a href="/logout/"><img src="{{MEDIA_URL}}img/logout.png" title="log out"></img></a>
                                <a href="/deploy/"><img src="{{MEDIA_URL}}img/settings.png" title="dashboard"></img></a>
                            </div>
                        {% endif %}
                    {% endblock %}
                    <div style="clear:both"></div>
				{% endblock %}
			</div>
			<div id="menu">
				{% block menu %}
					<h2><a {% block nav-home %} {% endblock %} href="/">Home</a></h2>
					<h2><a {% block nav-reports %} {% endblock %} href="/deployments/">Reports</a></h2>
					<h2><a {% block nav-submit %} {% endblock %} href="/submit">Submit a report</a></h2>
				{% endblock %}
                <div style="clear:left"></div>
			</div>
			<div id="content">
				{% block content %}
				{% endblock %}
			</div>
			<div class="push"></div>
		</div>
	</body>
</html>